<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 网页头部header -->
    <div class="header-wrap">
        <div class="header">
            <div class="header-logo fl">
                <img src="images/logo.png" alt="">
            </div>
            <ul class="fl">
                <li>
                    <a href="#" class="active">首页</a>
                </li>
                <li>
                    <a href="#">推广
                        <img src="images/xiasanjiao.png" alt="">
                    </a>

                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">微信推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">抖音推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">快手推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">B站推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">小红书推广</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        运营
                        <img src="images/xiasanjiao.png" alt="">
                    </a>
                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        营销
                        <img src="images/xiasanjiao.png" alt="">
                    </a>
                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        数据
                        <img src="images/xiasanjiao.png" alt="">
                    </a>
                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">微信推广</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">读好书</a>
                </li>
                <li>
                    <a href="#">
                        互联网
                        <img src="images/xiasanjiao.png" alt="">
                    </a>
                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        服务
                        <img src="images/xiasanjiao.png" alt="">
                    </a>
                    <ul class="menu-dd">
                        <li class="menu-item">
                            <a href="#">APP推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">游戏推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">海外推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">微信推广</a>
                        </li>
                        <li class="menu-item">
                            <a href="#">抖音推广</a>
                        </li>

                    </ul>
                </li>
            </ul>

            <div class="login fr">
                <i></i>
                <a href="">登录</a>
                <a href="">注册</a>
                <span>投稿</span>
            </div>
        </div>
    </div>

    <!-- 网站内容区域 -->
    <div class="content-wrap">
        <div class="content">
            <div class="content-left fl">
                <!-- banner广告图 -->
                <div class="content-banner">
                    <div class="content-leftBanner fl">
                        <img src="images/banner.jpg" alt="">
                        <span>2020年天猫双十一活动运营分析！</span>
                    </div>
                    <div class="content-rightBanner fr">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="images/banner1.jpg" alt="">
                                    <span>高点击率撰写技巧！</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="images/banner2.jpg" alt="">
                                    <span>新媒体运营：10W+标题...</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="images/banner3.jpg" alt="">
                                    <span>b站产品运营技巧！</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 专题介绍Project introduction -->
                <div class="content-projectInteoduction fl">
                    <div class="content-projectTop">
                        <h2 class="fl">专题介绍</h2>
                        <span class="fr">全部专题</span>
                    </div>
                    <div class="content-projectBottom">
                        <a href="">
                            <img src="images/apptuiguang.png" alt="">
                            <span>APP推广</span>
                        </a>
                        <a href="">
                            <img src="images/yingxiao.png" alt="">
                            <span>产品运营</span>
                        </a>
                        <a href="">
                            <img src="images/yunying.png" alt="">
                            <span>品牌营销</span>
                        </a>
                        <a href="">
                            <img src="images/wenan.png" alt="">
                            <span>文案圈</span>
                        </a>
                    </div>
                </div>

                <!-- 内容展现区Content presentation area -->
                <div class="content-presentation fl">
                    <div class="content-presentation-choose">
                        <ul>
                            <li>
                                <a class="content-presentation-btn active">最新文章</a>
                                <i></i>
                            </li>
                            <li>
                                <a class="content-presentation-btn">APP推广</a>
                                <i></i>
                            </li>
                            <li>
                                <a class="content-presentation-btn">产品运营</a>
                                <i></i>
                            </li>
                            <li>
                                <a class="content-presentation-btn">品牌营销</a>
                                <i></i>
                            </li>
                            <li>
                                <a class="content-presentation-btn">文案圈</a>
                                <i></i>
                            </li>
                            <li>
                                <a class="content-presentation-btn">移动互联网</a>
                                <i></i>
                            </li>
                        </ul>
                    </div>

                    <!-- 内容展现列表 -->
                    <div class="content-presentation-list-wrap">
                        <div class="content-presentation-list">
                            <!-- <a class="fl" href="">
                                <img src="images/99-5-480x300.jpg" alt="">
                                <i>APP推广</i>
                            </a>
                            <div class="content-listRight fr">
                                <h2>11月金融行业广告投放技巧！</h2>
                                <p>在冷启动初期，如何确认我们的用户，怎么提升用户体验，使我们的用户满意？我们可以根据这样的一套流程来行动：寻找正确的目标群体——匹配目标用户的需求——培养目标用户的忠诚…</p>
                                <span>50秒前</span>
                                <i>545</i>
                            </div> -->
                        </div>
                    </div>

                    <div class="content-btn">
                        点击查看更多
                    </div>
                </div>


            </div>
            <div class="content-right fr">
                <!-- 热门文章Hotarticle -->
                <div class="content-right-hotArticle">
                    <i></i>
                    <h2>热门文章</h2>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-7.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/wz1.png" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-8.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                </div>

                <div class="content-rightArticle-Banner">
                    <a href="">
                        <img src="images/iqingua3.png" alt="">
                    </a>
                </div>

                <!-- 推荐文章Recommend the article -->
                <div class="content-rightRecommendArticle">
                    <i></i>
                    <h2>推荐文章</h2>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/list-img1.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-4.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-1.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-2.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-3.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                </div>

                <div class="content-rightArticle-Banner">
                    <a href="">
                        <img src="images/xiaomao2.png " alt="">
                    </a>
                </div>

                <!-- 经典文章Classic articles -->
                <div class="content-rightClassicArticle">
                    <i></i>
                    <h2>推荐文章</h2>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-4.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-6.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/list-img12.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-7.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-8.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/list-img5.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-2.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-5.png" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                    <div class="content-rightArticle">
                        <a href="" class="fl">
                            <img src="images/1-9.jpg" alt="">
                        </a>
                        <div class="content-rightArticle-right fr">
                            <p>移动互联网2017年Q2夏季报告：移动生态流量...
                            </p>
                            <span>2017年7月12日</span>
                        </div>
                    </div>
                </div>

                <!-- 热门标签 -->
                <div class="content-rightHotLabels">
                    <i></i>
                    <h2>热门标签</h2>
                    <div class="hotLables">
                        <a href="#">APP推广</a>
                        <a href="#">ASO</a>
                        <a href="#">ASO优化</a>
                        <a href="#">pr</a>
                        <a href="#">互联网</a>
                        <a href="#">信息流</a>
                        <a href="#">信息流广告</a>
                        <a href="#">公众号</a>
                        <a href="#">创业</a>
                        <a href="#">品牌</a>
                        <a href="#">工具</a>
                        <a href="#">干货</a>
                        <a href="#">广告投放</a>
                        <a href="#">得到</a>
                        <a href="#">微信</a>
                        <a href="#">微信公众号</a>
                        <a href="#">投资</a>
                        <a href="#">推广</a>
                        <a href="#">文案</a>
                        <a href="#">朋友圈</a>
                        <a href="#">流量</a>
                        <a href="#">渠道</a>
                        <a href="#">游戏</a>
                        <a href="#">电商</a>
                        <a href="#">直播</a>
                        <a href="#">社交</a>
                        <a href="#">营销</a>
                        <a href="#">转化</a>
                        <a href="#">转化率</a>
                        <a href="#">运营</a>
                    </div>
                </div>

                <div class="content-rightHotLabels-Banner">
                    <a href="">
                        <img src="images/opp2.png " alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 友情链接link -->
    <div class="link-wrap fl">
        <div class="link">
            <div class="link-title">
                <h2>友情链接</h2>
                <a href="#">申请友链</a>
            </div>
            <div class="link-content">
                <a href="#">96新媒体</a>
                <a href="#">APP推广</a>
                <a href="#">APP推广平台</a>
                <a href="#">ASO优化</a>
                <a href="#">CPA之家</a>
                <a href="#">CQASO</a>
                <a href="#">产品运营</a>
                <a href="#">优惠券超人</a>
                <a href="#">大淘客</a>
                <a href="#">小猫试玩</a>
                <a href="#">游戏陀螺</a>
                <a href="#">白鲸出海</a>
                <a href="#">短信验证码</a>
                <a href="#">积分墙投放</a>
                <a href="#">运营大叔</a>
                <a href="#">青瓜传媒</a>
                <a href="#">青瓜智投</a>
                <a href="#">青瓜智推</a>
                <a href="#">龙游世纪</a>
                <a href="#">龙游游戏</a>
            </div>
        </div>
    </div>
    <!-- footer网站尾巴 -->
    <div class="footer-wrap fl">
        <div class="footer">
            <ul class="fl">
                <li><a href="#">首页</a></li>
                <li><a href="#">推广</a></li>
                <li><a href="#">运营</a></li>
                <li><a href="#">营销</a></li>
                <li><a href="#">数据</a></li>
                <li><a href="#">读好书</a></li>
                <li><a href="#">互联网</a></li>
                <li><a href="#">服务</a></li>
            </ul>
            <span>Copyright © 2014-2020 <a href=""> 青瓜传媒</a>版权所有 <a href="">免责声明</a><a href="">网址导航</a><a
                    href="">标签归档</a> <em>联系我们</em><a href="" target="_blank">闽ICP备14005448号-1</a></span>

            <img src="images/pic1.gif" alt="">
        </div>
    </div>
    <script src="js/index.js"></script>
</body>

</html>